<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/template/common/commonLayout.xhtml">
    	<ui:define name="content">  
    	    	<ui:include src="../template/common/wait.xhtml" />
    			<h:form>
    			<div id="filtroHerramientas">
    			 	<h:panelGrid columns="6"  id="panelFiltroMaquinas" style="margin-left:10px; width: 800px; height: 100px; font-family: Arial, Verdana, sans-serif; font-size: 11px;">
    			 	   <h:outputText value="#{msg.maqFrentTrabajo}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.frenteTrabajo}"/>
    			 	  <h:outputText value="#{msg.maqUsuario}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.usuario}"/> 
    			 	  <h:outputText value="#{msg.maqEstado}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.estado}"/>   
				      <h:outputText value="#{msg.maqNombre}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.nombre}"/>   
    			 	  <h:outputText value="#{msg.maqPatrimonio}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.patrimonio}"/>  
				      <h:outputText value="#{msg.maqMarca}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.marca}"/>        
    			 	  <h:outputText value="#{msg.maqModelo}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.modelo}"/>
    			 	  <h:outputText value="#{msg.maqCodigo}"/>
    			 	  <h:inputText value="#{maquinasBean.maquinaFilter.codigo}"/>
    			 	  <h:outputText></h:outputText>
    			 	  <h:outputText></h:outputText>
    			 	  <h:outputText value="#{msg.maqFechaDesde}"/>
    			 	  <h:panelGroup columns="1">
    			 	  	  <h:inputText value="#{maquinasBean.maquinaFilter.fechaDesde}"/><br></br>
    			 	  	  (AAAA-MM-dd HH:MM)
    			 	  </h:panelGroup>
    			 	  <h:outputText value="#{msg.maqFechaHasta}"/>
    			 	 <h:panelGroup columns="1">
    			 	  	  <h:inputText value="#{maquinasBean.maquinaFilter.fechaHasta}"/><br></br>
    			 	  	  (AAAA-MM-dd HH:MM)
    			 	 </h:panelGroup>
    			 	</h:panelGrid>
	    			<div id="botonera">	    			
				     	<a4j:commandButton id="limpiarMaquina" 
				     	      action="#{maquinasBean.limpiarFiltro}"
				     	      render="panelFiltroMaquinas tableMaquinas"	                          
	                          value="#{msg.botonLimpiar}">                
	            		</a4j:commandButton>				     	
	            		<a4j:commandButton id="filtrarMaquina"	
				     	      execute="panelFiltroMaquinas"	
				     	      action="#{maquinasBean.filtrar()}"
				     	      render="tableMaquinas"
	                          value="#{msg.botonFiltrar}">                
	            		</a4j:commandButton>
	            		<a4j:commandButton id="crearMaquina"
	            			render="formularioHerramientas"
	            			action="#{maquinasBean.nuevaMaquina}"			     	      			     		  
			     	        oncomplete="#{rich:component('popupMaquinas')}.show();"
                            value="#{msg.botonCrear}">                
            		    </a4j:commandButton>	            	
				     </div>
    			 </div>    			
    			 <div id="listaMaquinas">
			        <p:dataTable value="#{maquinasBean.listMaquinas}"
			                     var="maquina" id="tableMaquinas" 
			                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                 				 paginator="true" rows="5"
			                     style="text-align: center; height:300px; width:1010px; font-size:10px;  overflow:auto;">
			            <f:facet name="header">
			                <h:outputText value="Consulta de Máquinas"/>
			            </f:facet>
			            <p:column sortBy="#{maquina.cMaqFrenteTrabajo.nombre}">
			                <f:facet name="header">#{msg.maqFrentTrabajoLis}</f:facet>
			                <h:outputText value="#{maquina.cMaqFrenteTrabajo.nombre}"/>
			            </p:column>
			             <p:column sortBy="#{maquina.cMaqUsuario.nameEmployee}">
			                <f:facet name="header">#{msg.maqObreroLis}</f:facet>
			                <h:outputText value="#{maquina.cMaqUsuario.nameEmployee}"/>
			            </p:column>	
			            <p:column sortBy="#{maquina.estado}">
			                <f:facet name="header">#{msg.maqEstadoLis}</f:facet>
			                <h:outputText value="#{maquina.estado}"/>
			            </p:column>		
			            <p:column sortBy="#{maquina.codigo}">
			                <f:facet name="header">#{msg.maqCodigoLis}</f:facet>
			                <h:outputText value="#{maquina.codigo}"/>
			            </p:column>	  
			            <p:column sortBy="#{maquina.fecha}">
			                <f:facet name="header">#{msg.maqFechaLis}</f:facet>
			                <h:outputText value="#{maquina.fecha}">
			                	<f:convertDateTime pattern="yyyy-MM-dd HH:mm" />			                
			                </h:outputText>
			            </p:column>	 
			            <p:column sortBy="#{maquina.nombre}" width="100px">
			                <f:facet name="header">#{msg.maqNombreLis}</f:facet>
			                <h:outputText value="#{maquina.nombre}"/>
			            </p:column>
			            <p:column sortBy="#{maquina.modelo}">
			                <f:facet name="header">#{msg.maqModeloLis}</f:facet>
			                <h:outputText value="#{maquina.modelo}"/>
			            </p:column>
			            <p:column sortBy="#{maquina.marca}">
			                <f:facet name="header">#{msg.maqMarcaLis}</f:facet>
			                <h:outputText value="#{maquina.marca}"/>
			            </p:column>
			            <p:column sortBy="#{maquina.patrimonio}">
			                <f:facet name="header">#{msg.maqPatrimonioLis}</f:facet>
			                <h:outputText value="#{maquina.patrimonio}"/>
			            </p:column>
<!-- 			            <p:column sortBy="#{maquina.serie}"> -->
<!-- 			                <f:facet name="header">#{msg.maqSerieLis}</f:facet> -->
<!-- 			                <h:outputText value="#{maquina.serie}"/> -->
<!-- 			            </p:column> -->
<!-- 			            <p:column sortBy="#{maquina.valorUnidad}"> -->
<!-- 			                <f:facet name="header">#{msg.maqValorUnidadLis}</f:facet> -->
<!-- 			                <h:outputText value="#{maquina.valorUnidad}"/> -->
<!-- 			            </p:column> -->
<!-- 			           <p:column sortBy="#{maquina.localizacion}"> -->
<!-- 			                <f:facet name="header">#{msg.maqLocalizacionLis}</f:facet> -->
<!-- 			                <h:outputText value="#{maquina.localizacion}"/> -->
<!-- 			            </p:column>	 -->
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEditar}</f:facet>
			                <a4j:commandLink oncomplete="#{rich:component('popupMaquinas')}.show();"
			                	action="#{maquinasBean.editarMaquina}" render="formularioMaquinas"> 			                	
			                	<a4j:param value="#{maquina.idMaquina}" assignTo="#{maquinasBean.idMaquina}"></a4j:param> 
 								<h:graphicImage value="../resources/img/edit.png" />								  
 							</a4j:commandLink> 
			            </p:column>
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEliminar}</f:facet>
			                <a4j:commandLink 			                        
			                	onclick="#{rich:component('popupMaquinasEliminar')}.show();">
			                	<a4j:param value="#{maquina.idMaquina}" assignTo="#{maquinasBean.idMaquina}"></a4j:param> 
 								<h:graphicImage value="../resources/img/eliminar.gif" />								  
 							</a4j:commandLink>
			            </p:column>		           
			        </p:dataTable>
			        <h:panelGrid columns="4" style="margin-top:3px;">	
			        			<h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/excel.png"/>
					                <p:dataExporter type="xls" target="tableMaquinas" fileName="listMaquinas" />
					            </h:commandLink>
					 
					            <h:commandLink>
					                 <h:graphicImage alt="PNG" url="../resources/img/pdf.png"/>
					                <p:dataExporter type="pdf" target="tableMaquinas" fileName="listMaquinas"/>
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/csv.png"/>
					                <p:dataExporter type="csv" target="tableMaquinas" fileName="listMaquinas" />
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/xml.png"/>
					                <p:dataExporter type="xml" target="tableMaquinas" fileName="listMaquinas" />
					   			 </h:commandLink>
					</h:panelGrid>		
			        <rich:messages />
			     </div>
			     

			    </h:form>
			    
			    
			    <rich:popupPanel id="popupMaquinas" height="260" width="500">
			        <f:facet name="header">
			            <h:outputText value="#{msg.maqTituloCrearEditar}" />
			        </f:facet>
			        <f:facet name="controls">
			            <a4j:commandLink value="X" onclick="#{rich:component('popupMaquinas')}.hide();">
			                
			            </a4j:commandLink>
			        </f:facet>		   
			        <h:panelGroup>
			        	<ui:include src="/cmaqpages/maquinasAlta.xhtml" />
			        </h:panelGroup>
			             
   		 		</rich:popupPanel>
   		 		
	   		 		<rich:popupPanel id="popupMaquinasEliminar" height="100" width="300">
				        <f:facet name="header">
				            <h:outputText value="#{msg.maqTituloEliminar}" />
				        </f:facet>
				        <f:facet name="controls">
				            <a4j:commandLink value="X" onclick="#{rich:component('popupMaquinasEliminar')}.hide();">
				                
				            </a4j:commandLink>
				        </f:facet>		   
				        
				        <h:outputText value="#{msg.maqMensajeEliminar}"></h:outputText>
				        <h:panelGrid columns="2">			        	
				        	<a4j:commandButton value="#{msg.botonCancelar}"		                        
				                		onclick="#{rich:component('popupMaquinasEliminar')}.hide(); return false;"> 			                																  
	 						</a4j:commandButton>
	 						
	 						<a4j:commandButton action="#{maquinasBean.eliminarMaquina}" execute="@this"	value="#{msg.botonAceptar}"		                        
				                       oncomplete="#{rich:component('popupMaquinasEliminar')}.hide(); return false;"> 
	 						</a4j:commandButton>
				        </h:panelGrid>
				             
	   		 		</rich:popupPanel>
   		 
    		</ui:define>  		
   	</ui:composition>
</h:body>
</html>
